.wrap{width: 1100px;margin-left: auto;margin-right: auto}

/*头部*/
.header{z-index: 2;position: fixed;top: 0;left: 0;width: 100%;height: 80px;background-color: rgba(0,0,0,0.2);}
.header .wrap{position: relative;padding: 20px 0;}
.header .wrap:after{content: '';display: block;clear: both;}
.header .logo{float: left;}
.header .nav{float: left;margin-left: 40px;}
.header li{float: left;margin: 0 10px;}
.header .nav a{display: block;padding: 10px 15px;color: #fff;border-radius: 5px;-webkit-transition: .5s;transition: .5s;font-size: 18px;}
.header .nav a:hover{background-color: #1991e2;color: #fff !important;}
.header form { position: relative;}
.header form .s_btn { top: 50%; right: 10px; margin-top: -16px;}
.header .search{position: relative;float: right;margin-left: 10px;}
.header input{width: 180px;padding: 10px 15px;font-size: 14px;border-radius: 20px;border: 0;-webkit-transition-duration: 3s;transition-duration: 3s;-webkit-transition-timing-function：ease;
 transition-timing-function：ease; background: #f4f4f4;border: 1px solid #dddddd;}

.header button{position: absolute;top: 27px;right: 15px;background: none;border: 0;cursor: pointer;}
.header button:focus{outline: none}
.header .menu,.header .menu1{display: none;position: absolute;top: 20px;right: -10px;width: 25px;height: 40px;background: url(../imageset/menu.png) center center no-repeat;}
.header .menu1 { background: url(../imageset/menu1.png) center center no-repeat;}
.header .menu.close{background-image: url(../imageset/close.png) !important;}
.header .menu1.close{background-image: url(../imageset/close1.png) !important;}
.header .mobileNav{display: none;position: absolute;top: 100%;width: 98%;padding: 0 1%;background-color: rgba(62,62,62,.8);}
.header .mobileNav a{display: block;padding: 0 15px;line-height: 40px;font-size: 14px;color: #fff;border-bottom: solid 1px rgba(224,224,224,.5);}
.header .mobileNav a:last-child{border-bottom: 0;}

/*页脚*/
.footer{padding: 22px 0 5px;background-color: #343434; width: 100%;}
.footer .wrap:after{content: '';display: block;clear: both;}
.footer .left{float: left;}
.footer .right{float: right;}
.footer p{line-height: 26px;color: #bababa;font-size: 14px; /*text-align: center;*/}
.footer p a { color: #DAE2E8;}
.footer img{vertical-align: middle;}

.footerlist,.footer-box{ float: left; }
.footerlist li{ float:left; line-height:28px; width:110px; padding-right:10px;}
.footerlist li:nth-child(1){ width:200px;}
.footerlist li:nth-child(3){ width:100px;}
.footerlist li h3 a { display: block; height: 20px;}
.footerlist li h3 a,.footer-tit{ font-size:16px; color:#DAE2E8; padding-bottom:8px;font-weight: normal;}
.footerlist p a{ font-size:12px; color:#bababa;}

.footer-tit{ border-bottom: 1px solid #777777; margin-bottom: 5px; }
.footer-box{ margin-top: 5px; width: 390px; margin-left: 40px; }
.footer-box .phone { margin:8px 0;font-size: 26px;line-height: 26px;color: #63a7e4;}

.footer-search{border:1px solid #626262; line-height: 34px; margin-top: 5px; }
.footer-search form { position: relative;}
.footer-search input{ background: none;border: none; width: 80%; height: 32px; line-height: 32px; padding-left: 10px;color: #fff;}
.footer-search button{ border: none;background: none; width: 15%; height: 34px; line-height: 27px; position: absolute; right: 0; bottom: 0;}

.totop{position:fixed;right:40px;bottom:40px;display:block;width:50px;height:50px;background:url(../imageset/top.jpg) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../imageset/top.jpg) no-repeat 0 -50px;}

.foot-bot{border-top: 1px solid #777777;line-height: 24px; margin-top: 10px; padding-top: 5px;}
.foot-bot p{font-size: 12px;}
.foot-bot,.foot-bot a{ font-size: 12px; color: #bababa; text-align: center; }

.clear{ clear: both; }

@media(max-width: 1200px){
	.tabItem .img{ width: 95%; margin: 0 auto; }
	.wrap{width: 95%;}
	.header .logo{width: 160px;}
	.header li{margin: 0 5px;}
	.header .nav a{padding: 10px;}
	.header input{width: 160px;}
	.header button{width: 35px; right: 30px;}
	.header button img{width: 100%;}
	.footer-search input{ width: 80%; }
}
@media(max-width: 1100px){
    .footer-box{ width: 275px; margin-left: 10px;}
}
@media(max-width: 992px){
	.header .nav{display: none;}
	.header .menu{display: block;}
	.header .search{margin-right: 10px;}
	.header form { margin-right: 20px;}
	.header input{width: 120px;}
	.header form .s_btn { top: 60%;}
	.footer{padding: 15px 0;}
	.footer .left,.footer .right{width: 100%;}
	.footer p{line-height: 30px;}
	.footerlist{ width: 100%; }
	.footerlist li:nth-child(1),.footerlist li:nth-child(3){ width: 100%;}
	.footerlist li{ width: 100%;  font-size: 14px;border-bottom: 1px dashed rgba(255,255,255,0.1);padding: 15px 0;}
	.footer-tit{ display: none; }
	.footer-box1{ display: none; }
	.footer-box{ width: 100% !important; margin-left: 0; }
	.footer-search{ margin: 10px 0; }
	.footLi{ display: none; }
	.totop{ right: 15px; bottom: 20%; }
	.foot-bot{ border-top: none; }
	.foot-bot span { width: 100%;}

}

@media(max-width: 780px){
	.banner .text{ font-size: 18px !important; padding: 0 20px; line-height: 1.8;}
    .footer-search input{ width: 78%; }

}

@media(max-width: 480px){
	.wrap{width: 96%;}
	.header .logo{width: 120px;margin-top: 5px;}
	.header .search{margin-right: 40px;}
	.header form { margin-right: 40px;}
	.header button{top: 15px;right: 35px;}
	.header input{ padding: 5px 10px;}
	.header .search button{top: 5px;right: 5px;width: 34px;}
	.header button{ right: 45px; }
	.header .menu{right: 5px;}
	.footer{ width: 98%; padding: 0 1% }
	.footer p{line-height: 24px;font-size: 12px;text-align: center;	}
	.footerlist li{ padding: 5px 0; }
	.footerlist li h3 a,.footer-tit{ font-size:14px;}

}
@media(max-width: 340px){
	.header .logo{width: 100px;}
	.footer p{line-height: 24px;font-size: 12px;text-align: center;}
}